<template>
    <div class='index'>
        <van-nav-bar :title="$route.meta.title"  />
        <van-tabbar v-model="active">
            <van-tabbar-item icon="home-o">标签</van-tabbar-item>
            <van-tabbar-item icon="search">标签</van-tabbar-item>
            <van-tabbar-item icon="friends-o">标签</van-tabbar-item>
            <van-tabbar-item icon="setting-o">标签</van-tabbar-item>
        </van-tabbar>
    </div>
</template>

<script setup>
import { reactive, getCurrentInstance, ref, computed, watch, onMounted, toRefs } from 'vue'
const { appContext } = getCurrentInstance();
const globalProxy = appContext.config.globalProperties;
const active = ref(0)

</script>

<style lang="less" scoped></style>